@import 'reset.scss';
@import 'footer.scss';

body{
    width: 1220px;
    margin: 0 auto;
}
/* 头部logo */
header{
    height: 70px;
    width: 100%;
    /* background-color: aquamarine; */
    border-bottom: 1px solid #7a7f89;
}
a{
    text-decoration: none;
    display:inline-block;
}
header a:nth-child(2){
    color: black;
}
#logo{
    margin-top: 16px;
}
#help{
    line-height: 70px;
    float: right;
    margin-right: 4px;
}
/* 登录 */
#SignIn{
    height: 527px;
    margin-bottom: 50px;
    /* background-color: aquamarine; */
}
/* 左 */
#SignIn_L{
    width: 610px;
    height: 527px;
    float: left;
}
#SignIn_L img{
    margin-top: 90px;
    float: right;
}
/* 右 */
#SignIn_R{
    width: 504px;
    float: right;
    background-color: white;
}
#SignIn_R #Form{
    width: 407px;
    overflow: hidden;
}
/* 上 */
#SignIn_R #Form #Form_01{
    height: 24px;
    margin-top: 94px;
    line-height: 24px;
    
}
#SignIn_R span:nth-child(1){
    font-size: 20px;
    color: #979797;
    float: left;
}
#SignIn_R span:nth-child(2){
    font-size: 13px;
    color: #979797;
    float: right;
}
#SignIn_R #Form #Form_01 span:nth-child(2) a{
    color: red;
}
/* 中 */
#SignIn_R #Form_02{
    float: left;
    text-align: center;
    margin-top: 22px;
    border: 1px solid #cbcbcb;
    border-bottom: 1px dashed #cbcbcb;
}
#SignIn_R #Form_02 button{
    background-color: #f5f5f5;
    height: 36px;
    width: 202px;
    border-style: none;
    border-bottom: 1px solid #cbcbcb;
    margin: 0 auto;
}
#SignIn_R #Form_02 input{
    height: 45px;
    width: 360px;
    border: 1px solid #cbcbcb;
    margin-top: 18px;
}
#SignIn_R #Form_02 #sub{
    margin-top: 10px;
    background-color: red;
    color: white;
    font-size: 17px;
    border-style: none;
    margin-bottom: 42px;
}
#SignIn_R #Form_02 a{
    font-size: 13px;
    color: red;
    margin-top: 26px;
    margin-left: 304px;
}
/* 下 */
#SignIn_R #Form_03{
    height:100px;
    width: 405px;
    overflow: hidden;
    border-top-style: none;
    border: 1px solid #cbcbcb;
    position: relative;
    div{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        span{
            display: inline-block;
            height: 30px;
            width: 30px;
            position: absolute;
            top: 45px;
            &:nth-of-type(1){
                left: 20px;
            }
            &:nth-of-type(2){
                left: 56px;
            }
            &:nth-of-type(3){
                left: 96px;
            }
            &:nth-of-type(4){
                left: 138px;
            }
            &:nth-of-type(5){
                left: 172px;
            }
            &:nth-of-type(6){
                left: 206px;
            }

            a{
                height: 100%;
                width: 100%;
            }
        }
    }
}
#SignIn_R #Form_03>span{
    margin-left: 20px;
    margin-top: 16px;
    font-size: 14px;
    color: #a4adc4;
}
#SignIn_R #Form_03 img{
    margin-top: 10px;
    margin-left: 20px;
    width: 290px;
    height: 30px;
}